<script>
/**
 * Features component
 */
export default {
  name: 'Features'
};
</script>

<template>
  <!--START FEATURES-->
  <section class="section" id="features">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-5 order-2 order-lg-1">
          <div class="features-box mt-5 mt-lg-0">
            <h3>用户情况</h3>
            <p
              class="text-muted web-desc"
            >清楚了解本平台用户情况，清晰展示用户信息并进行便捷的管理</p>
            <ul class="text-muted list-unstyled margin-t-30 features-item-list">
              <li class>用户数量统计</li>
              <li class>用户类型统计</li>
            </ul>
            <el-button type="primary"><router-link :to="'/userinfo'">查看更多</router-link></el-button>
          </div>
        </div>
        <div class="col-lg-7 order-1 order-lg-2">
          <div class="features-img mx-auto mr-lg-0">
            <img src="@/assets/images/growth-analytics.svg" alt="macbook image" class="img-fluid" />
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--END FEATURES-->
</template>